<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // element:绑定对象  eventName:事件类型 fn: 回调函数
        function addEventLister(element, eventName, fn) {
            //判断当前浏览器是否支持addEventListener方法
            if (element.addEventLister) {
                element.addEventLister(eventName,fn);//第三个参数默认是false
            } else if (element.attachEvent) {
                element.attachEvent('on'+eventName,fn);
            } else {
                element['on' + eventName] = fn;
            }
        }
    </script>
</body>
</html>